<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体样式</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="cyan-bgc">
  <h2>通过font-size来设置字体大小</h2>
  <div class="font-style">
      我希望这是一段很大的字
  </div>
    <h3>字体单位</h3>
    <ul>
        <li>px: 这是最普通的单位，就是像素</li>
        <li>em: 1em就是当前标签的字体大小,如果当前标签没有设置字体大小，当前标签会继承父标签的字体大小</li>
        <li>rem: 1rem 等于根标签的字体大小</li>
    </ul>
</div>

<div>
    <h2>设置字体、粗细</h2>
    <div class="font2">
        我希望这是一个黑体
    </div>
</div>

<h2>用的最多的，或者是重点</h2>
<ul>
    <li>font-size</li>
    <li>尺寸单位（重点）</li>
    <li>font-weight</li>
</ul>

<div>
    <h2>外观属性</h2>
    <h3>通过color设置字体颜色</h3>
    <div class="appearance">我希望这是一个蓝色的字体</div>
</div>


</body>
</html>